<!--
 * @Author: ckk
 * @Date: 2022-08-23 17:30:57
 * @LastEditors: ckk
 * @LastEditTime: 2022-08-25 19:33:22
 * @Description: 金刚区
-->
<template>
  <div class="jin-gang">
    <JingangDistrict :datas="datas.setStyle.imageList" :setStyle="datas.setStyle" v-show="datas.setStyle.imageList.length < 9" />
    <JingangSwiper :datas="datas.setStyle.imageList" :setStyle="datas.setStyle" v-show="datas.setStyle.imageList.length > 8" />
  </div>
</template>

<script>
export default {
  name: 'contentLayout',
  components: {
    JingangDistrict: () => import('./JingangDistrict'),
    JingangSwiper: () => import('./JingangSwiper')
  },
  props: {
    datas: Object
  },
  data () {
    return { };
  },
  methods: {
  }
};
</script>

<style scoped lang="scss">
.jin-gang{
  margin: 0 16px 23px 16px;
  background: #FFFFFF;
  box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.1);
  border-radius: 8px;
}
</style>
